body > div {
    width: 1520px;
    padding: 0px;
}

body > div > div {
    /*border: 1px solid red;*/
    display: flex;
    justify-content: center;
}

/*body > div > div > div {*/
/*    width: 800px;*/
/*    border: 1px solid blue;*/
/*    display: flex;*/
/*    justify-content: center;*/
/*}*/

body > div > div:nth-child(1) {
    background-color: #363636;
    color: white;
}

.menu {
    width: 800px;
    display: flex;
    justify-content: flex-start;
}

.menu > div:nth-child(1) {
    margin: 10px 0;
}

.menu > div:nth-child(2) {
    display: flex;
    justify-content: center;
    margin-left: 10px;
    padding: 10px;
}

.menu > div:nth-child(2) > div > div:nth-child(1) {
    display: flex;
    justify-content: flex-start;
    font-size: 20px;
    margin-top: 3px;
    margin-bottom: 3px;
}

.menu > div:nth-child(2) > div > div:nth-child(2) {
    display: flex;
    justify-content: flex-start;
    font-size: 12px;
}

.menu > div:nth-child(3) {
    display: flex;
    justify-content: flex-start;
    margin-left: 20px;
}

.menu > div:nth-child(3) > div {
    display: flex;
    justify-content: center;
    padding: 30px 20px;
    font-size: 14px;
    color: #b2b2b2;
}

.menu > div:nth-child(3):hover {
    background-color: #363636;
    /*cursor: pointer;*/
}

.menu > div:nth-child(3) > div:hover {
    background-color: red;
    cursor: pointer;
    color: white;
}

.menu > div:nth-child(3) > div:nth-child(1) {
    background-color: red;
    color: white;
}

/*body > div > div:nth-child(2) {*/
/*    background-image: url("../img/jghy.jpg");*/
/*    !*height: 1287px;*!*/
/*    !*width: 1920px;*!*/
/*    background-size: 100% 100%;*/
/*    height: calc(1520 * 1287px / 1920*0.6);*/
/*}*/
body > div > div:nth-child(2) {
    height: 600px;
}

body > div > div:nth-child(2) > img {
    position: absolute;
    clip: rect(0, 1520px, 600px, 0);
}

body > div > div:nth-child(3) {
    background-image: url("../img/m1z5.jpg");
    background-size: 100% 100%;
    /*height: 487px;*/
    /*width: 1920px;*/
    height: calc(1520 * 487px / 1920);
    margin-top: 25px;
}

/*--------------------company---------------------*/
.company > div {
    width: 900px;
}

.company > div > div {
    width: 300px;
}

.company > div > div:nth-child(1) {
    margin-top: 50px;
}

.company > div > div:nth-child(2) {
    font-size: 20px;
    margin-bottom: 20px;
    color: white;
}

.company > div > div:nth-child(3) {
    color: rgb(153, 153, 153);
}

/*body>div>div:nth-child(4){*/
/*    display: flex;*/
/*    justify-content: center;*/
/*    width: 900px;*/
/*}*/
/*--------------------introduce---------------------*/
.introduce > div {
    display: flex;
    justify-content: center;
}

.introduce > div > div {
    width: 900px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    overflow: hidden;
    margin-top: 30px;
    margin-bottom: 30px;
}

/*--------------------trainer---------------------*/
.trainer {
    background-image: url("../img/SLMF-Portada-BBD.jpg");
    background-size: 100%;
    /*height: 1024px;*/
    /*width: 1420px;*/
    height: calc(1520 * 1024px / 1420 * 0.5);
}

.trainer > div > div:nth-child(1) {
    display: flex;
    justify-content: center;
    margin-top: 40px;
    font-size: 40px;
}

.trainer > div > div:nth-child(2) {
    display: flex;
    justify-content: center;
    margin-bottom: 40px;
    font-size: 20px;
    color: white;
}

.trainer .member {
    color: white;
    margin: 0 30px;
}

.trainer .member img {
    height: 250px;
    width: 250px;
}

.trainer > div > div:nth-child(4) > div {
    border: 1px solid white;
    padding: 5px 30px;
    margin-top: 30px;
}

/*--------------------words---------------------*/
.words {
    background-color: red;
    color: white;
}

.words > div {
    width: 900px;
}

.words > div > div:nth-child(1) {
    margin: 20px 0;
}

.words > div > div:nth-child(1) > div {
    line-height: 30px;
}

.words > div > div:nth-child(2) {
    height: 100px;
}

.words > div > div:nth-child(2) > div {
    height: 26px;
    border: 1px solid white;
    padding: 5px 30px;
    margin-top: 30px;
}


/*--------------------news---------------------*/
.news > div > div:nth-child(1) {
    display: flex;
    justify-content: center;
    margin-top: 40px;
    font-size: 40px;
}

.news > div > div:nth-child(2) {
    display: flex;
    justify-content: center;
    margin-bottom: 40px;
    font-size: 20px;
    /*color: white;*/
}

.news .member {
    margin: 0 30px;
    width: 350px;
}

.news .member img {
    height: 350px;
    width: 350px;
}

.news .member > div {
    margin: 15px 0;
}

.news .member > div:nth-child(2) {
}

.news .member > div:nth-child(3) {
    font-size: 13px;
    color: gray;
}

.news .member > div:nth-child(4) {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    -webkit-line-clamp: 3;
    overflow: hidden;
    color: gray;
    font-size: 15px;
}

.news > div > div:nth-child(4) > div {
    background-color: red;
    padding: 5px 30px;
    margin: 30px;
}

/*--------------------form---------------------*/
.form {
    background-image: url("../img/klan.jpg");
    background-size: 100%;
    /*height: 652px;*/
    /*width: 1920px;*/
    height: calc(1520 * 652px / 1920);
}

.form > div {
    width: 1100px;
}

.form > div > div:nth-child(1) > img {
    /*562*455*/
    height: 350px;
    margin-top: 164px;
}

.form .form-data {
    background-color: white;
    height: 358px;
    width: 500px;
    margin: 80px 0 80px 40px;
}

.form .form-data > div {
    padding: 10px;
}

.form .form-data > div:nth-child(1) {
    color: red;
    font-weight: bold;
    margin-left: 20px;
    padding-top: 25px;
}

.form .form-data > div:nth-child(2) {
    font-size: 14px;
    color: gray;
    margin-left: 20px;
}

.form form > div {
    padding: 10px 20px;
}

.form .form-data > div:nth-child(4) {
    background-color: red;
    font-size: 14px;
    color: white;
    width: 120px;
    margin-top: 10px;
    margin-left: 30px;
}

.form .form-data > div:nth-child(5) {
    width: 120px;
    margin-left: 20px;
    font-weight: bold;
    margin-top: 30px;
}
